﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!-- 引入 ECharts 文件 -->
    <script src="echarts.js"></script>
    <script src="interface.js"></script>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        html, body {
            width: 100%;
            height: 100%;
        }

        #main {
            margin: 0 auto;
            width: 100%;
            height: 100%;
            background: #333333;
        }
    </style>
    <script>     
        window.onload = function () {
            myChart3 = echarts.init(document.getElementById('main'));
            var CPPData = 82;
            showGaugeCharts(CPPData, myChart3);
        }
        window.onresize = function(){
            myChart3.resize();    
        }        
    </script>
</head>
<body>
    <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
    <div id="main"></div>
    <!--<script type="text/javascript">
        var CPPData = 50;
        showGaugeCharts(CPPData,myChart3);
    </script>-->
</body>
</html>